<template>
    <div class="big-container">
        <div class="header">
            <div class="header-nav">
                <div class="header-nav-left">
                    <img src="../img/logo.png" alt="">
                    <span>80教育商城</span>
                </div>
                <div class="header-nav-right">
                    <ul class="header-nav-right-list">
                        <router-link to="/Search">
                            <li><i class="iconfont icon-search"></i> </li>
                            <li><span class="search">搜索</span></li>
                        </router-link>
                        <li @click="mine"><span >会员中心</span></li>
                    </ul>
                </div>    
            </div>
        </div>
        <div class="banner-wp">
            <div class="banner-title">
                <div>关于我们</div>
            </div>
            <div class="banner">
                <img src="../img/about-banner.jpg" >
            </div>
        </div>
        <div class="about-content-wp">
            <div class="about-content">
                <div class="about-content-intro">
                    <div class="about-content-intro-title">
                        <h2>机构简介</h2>
                    </div>
                    <div class="about-content-intro-neir">
                        80教育是一家专业从事网络在线注考辅导的公司，由一群青春有活力具有多年培训经验的80后注考精英组建而成，萌芽于2015年，2017年正式注册成立。 <br>80教育汇集注册工程师公共基础、注册一级结构工程师（专业）基础、注册岩土工程师（专业）基础、注册公用设备（暖通空调、动力、给水排水）工程师（专业）基础、注册电气工程师（专业）基础、注册环保工程师、注册环评工程师、一级消防工程师专业等注册考试，努力创建一个全专业、全方位的培训平台，为学员提供全面的服务。 <br>80教育以学员为上帝，以授课质量第一，讲义精炼美观，服务贴心，答疑专业及时，资料独家原创，为广大注考考友打造一流的学习平台。 <br>
                    </div>
                </div>

                <div class="about-content-intro">
                    <div class="about-content-intro-title">
                        <h2>发展历程</h2>
                    </div>
                    <div class="about-content-intro-neir">
                        <div class="about-content-intr-develop">
                            <p>2015年12月</p>
                            <div>
                                &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;八零萌芽，8个满怀激情的80后注册工程师聚集到一起，共商创业大计！
                            </div>
                        </div>
                         <div class="about-content-intr-develop">
                            <p>2017年10月</p>
                            <div>
                                 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;八零教育，正式注册成立！组建注册基础、岩土、给排水、暖通、动力、供配电、一级结构、环保8大专业团队。
                            </div>
                        </div>
                         <div class="about-content-intr-develop">
                            <p>2018年3月</p>
                            <div>
                                &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;八零教育，新组建注册消防、注册测绘、注册发输电、注册环评团队，共12个专业团队。
                            </div>
                        </div>
                         <div class="about-content-intr-develop">
                            <p>2018年5月</p>
                            <div>
                                &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;仅用半年，八零创造了诸多奇迹，业界口碑极佳，基础、专业课程无缝对接、一应俱全
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="backTop">
            <span class="iconfont icon-packup return-top" style="color:#3285ff;background-color:#fff"></span>
        </div>
    </div>
</template>

<script>
import session from '../util/session'
export default {
methods:{
    mine(){
      if(session.isLogin()){
        this.$router.push('/member')
      }else{
        alert('请先登录')
         this.$router.push('/login')
      }
    }
  },
}
</script>

<style scoped>
.big-container{
    width: 100%;
    max-width: 768px;
    margin-bottom: 50px;
}
.banner-wp {
    margin-top: 8px;
    background-color: #fff;
    font-size: 14px;
    color: #3285ff;
    font-weight: 400;
}
.banner-title div {
    height: 45px;
    line-height: 45px;
    padding-left: 14px;
}
.banner img {
    width: 100%;
}
.about-content-wp{
    width: 100%;
    background-color: #fff;
}
.about-content{
    padding: 10px;
}
.about-content-intro{
    background-color: #f1f1f1;
    color: #333;
    font-size: 14px;
}
.about-content-intro-title{
    text-align: center;
    color: #333;
    font-size: 17px;
    padding-bottom: 4px;
    border-bottom: 1px solid #e1e1e1;
}
.about-content-intro-neir{
    line-height: 24px;
}
.about-content-intr-develop{
    margin-bottom: 20px;
}
.about-content-intr-develop p{
    font-size: 18px;
    line-height: 18pxm;
    color: #999999;
}
.about-content-intr-develop div{
    font-size: 14px;
    line-height: 18px;
}
</style>
